.#{$lts-prefix}modal {
  .modal-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: auto;

    /* 禁止这个元素接受鼠标事件 */
    .modal-header {
      .modal-title {
        @include text-ellipsis();
      }

      .btn-refresh {
        @include btn-custom-modal-spacer();
      }

      .btn-fullscreen {
        @include btn-custom-modal-spacer();
      }

      .btn-fullscreen-exit {
        @include btn-custom-modal-spacer();
      }

      .btn-close {
        --#{$prefix}btn-close-bg: #{escape-svg($lts-btn-close-md-bg)};
      }
    }

    .modal-body {
      .loading {
        opacity: 1;
        transition: opacity 600ms;

        &.fade-out {
          opacity: 0;
        }
      }
    }
  }
}
